<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>
    <title>注册</title>
    <link rel="stylesheet" href="h5css/login.css">
</head>
<script>
    +function () {
        remLayout();

        function remLayout() {
            var w = document.documentElement.clientWidth;
            w = w > 768 ? 768 : w;
            w = w <= 320 ? 320 : w;
            document.documentElement.style.fontSize = w / 7.5 + 'px';
        }

        window.addEventListener('resize', function () {
            remLayout();
        }, false);
    }();
</script>
<body>
<main class="main">
    <header class="login_header">
        <img class="header_img" src="h5image/login_header.png" alt="">
        <img class="header_font" src="h5image/btn_suyou.png" alt="素友">
    </header>
    <section class="login_content">
        <form id="formInfo" action="" method="get" autocomplete="on" target="_blank">
            <i class="phone"></i>
            <input id="phoneNum" class="num" type="input" name="phoneNumber" placeholder="请输入手机号">
            <i class="vertify"></i>
            <input id="vertifyNum" class="num" type="number" name="smsCode" placeholder="请输入验证码">
            <input id="helpUserId" type="text" name="helpUserId" style="display: none;">
            <span class="get_gode" id="getCode">获取验证码</span>
            <button type="button" id="submit">前往帮忙</button>
        </form>
    </section>
    <footer class="login_footer">
        真正能帮到你的好友互助平台
    </footer>
</main>
</body>
<script src="h5js/lib/zepto.min.js"></script>
<script src="h5js/lib/ejs.min.js"></script>
<script src="h5js/public.js"></script>
<script src="h5js/login.js"></script>
</html>